// 全局mixin / globalMixin.scss
// @mixin box-shadow($bulr: 20px, $color: #1989fa7a) {
//     -webkit-box-shadow: 0px 0px $bulr $color;
//     -moz-box-shadow: 0px 0px $bulr $color;
//     box-shadow: 0px 0px $bulr $color;
// }
// 主要文本颜色
$font-color-global: #333333;
// 暗提示性文本颜色
$font-color-2-global: #c7c7c7;
// 次要文本颜色
$font-color-3-global: #666666;
// 分割线
$divider-global: #eeeeee;

// 背景颜色
$bg-color-global: #f7f7f7;
$font-1-size: 17px;

@mixin padding-global {
    padding: 6px 15px;
}

@mixin font-1-global {
    font-size: $font-1-size;
    line-height: 24px;
}

@mixin title-global {
    @include font-1-global;
    color: #333333;
    box-sizing: border-box;
    // background: rgb(246, 248, 250);
    background-color: $bg-color-global;
    text-align: center;
    @include padding-global;
}
@mixin button-1-global {
    position: fixed;
    bottom: 0;
    height: 50px;
    font-size: 17px;
}
@mixin my-home-head-icon {
    margin: 0 15px;
    cursor: pointer;
}
@mixin general-table-box {
    width: 100%;
    height: 100%;
    background: #fff;
    box-sizing: border-box;
    // padding: 20px;
}
// 没有按钮就是这个general-operation-box-1，有按钮就是general-operation-box-2
@mixin general-operation-box-1 {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
}
@mixin general-operation-box-2 {
    height: 100%;
    overflow: hidden;
    // overflow-x: hidden;
    // overflow-y: auto;
    position: relative;
    display: flex;
    flex-direction: column;
}
// @mixin general-operation-main {
//     flex: 1;
//     overflow-x: hidden;
//     overflow-y: auto;
//     position: relative;
// }
@mixin general-operation-main {
    flex: 1;
    overflow: hidden;
    position: relative;
    display: flex;
}
@mixin general-operation-main-slot-box {
    flex: 1;
    overflow-y: auto;
}

// 编辑页面通用样式
@mixin edit-form-item {
    display: flex;
    flex-wrap: wrap;
    :deep(.el-form-item) {
        width: 49%;
        margin-right: 1%;
        box-sizing: border-box;
        padding: 0px 5px;
        margin-bottom: 30px;
    }
    // .el-form-item特殊宽度1
    // :deep(.form-item-width-1) {
    //     @include form-item-width-1;
    // }
    :deep(.el-form-item__label) {
        height: 100%;
        align-items: center;
    }
    // 日期
    :deep(.el-date-editor) {
        box-sizing: border-box;
        width: 100%;
    }
}
// .el-form-item特殊宽度1
@mixin form-item-width-1 {
    width: 99%;
    margin-right: 1%;
    box-sizing: border-box;
    padding: 0px 5px;
    margin-bottom: 30px;
}
// 查看页面通用样式
@mixin general-view-1 {
    display: flex;
    flex-wrap: wrap;
}
@mixin general-view-row-1 {
    width: 50%;
    box-sizing: border-box;
    padding: 0px 5px;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    border-left: 1px solid rgb(245, 232, 232);
}
@mixin general-view-row-2 {
    width: 100%;
    box-sizing: border-box;
    padding: 0px 5px;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    border-left: 1px solid rgb(245, 232, 232);
}
@mixin general-view-row-title-1 {
    width: 40%;
    box-sizing: border-box;
    padding-right: 5px;
}
@mixin general-view-row-title-2 {
    width: 20%;
    box-sizing: border-box;
    padding-right: 5px;
}
@mixin general-view-row-text-1 {
    flex: 1;
}
